/* line 1, ../sass/demo.scss */
/*html, body {
  font-family: 'Slabo 27px', serif;
  padding: 0;
  margin: 0;
  background: #ffffff;
}*/

/* line 8, ../sass/demo.scss */
/** {
  box-sizing: border-box;
}*/

/* line 12, ../sass/demo.scss */

/*.container1 li {
    display: initial !important;
}*/
/*a {
  color: #4ab19a;
}
*/
/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */
.container1 {
 max-width: 655px;
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
 margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.container1 .gallery a img {
  float: left;
  width: 20%;
  /*height: 131px;*/
  border: 1px solid #c1c1c1;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  padding:4px;
  background-color:#FFF;
  margin:5px;
}
/* line 46, ../sass/demo.scss */
.container1 .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container1 .gallery a.big img {
/*height: 131px;*/
width:43%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
@media screen and (max-width: 768px) {
	.container1 .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 1px solid #c1c1c1;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  padding:4px;
  background-color:#FFF;
  margin:5px;
}
.container1 .gallery a.big img {
    width:auto;
    height:auto;
}
.container1 .gallery a img {
   width:auto;
   height:auto;
}
}
@media screen and (max-width: 360px) {
	.container1 .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 1px solid #c1c1c1;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  padding:4px;
  background-color:#FFF;
  margin:5px;
}
.container1 .gallery a.big img {
    width:auto;
    height:auto;
}
.container1 .gallery a img {
   width:auto;
   height:auto;
}
}